import Map3D from "components/Map3D";
import Header from "components/Header";
import TopTitle from "components/TopTitle";
import Rank from "components/Rank";
import Pie from "components/Pie";
import Line from "components/Line";
import Sort from "components/Sort";
import Progress from "components/Progress";
import LineChange from "components/LineChange";
import "./index.scss";
export default function App() {
  return (
    <div className="container">
      <Map3D></Map3D>
      {/* 顶部标题 */}
      <Header></Header>
      {/* 主要内容区 */}
      <div className="grail">
        {/* 左 */}
        <div className="grail_side">
          <Rank></Rank>
          <Pie></Pie>
          <Progress></Progress>
        </div>
        {/* 中 */}
        <div className="grail_middle">
          <div className="top">
            <TopTitle></TopTitle>
          </div>
        </div>
        {/* 右 */}
        <div className="grail_side">
          <Line></Line>
          <Sort></Sort>
          <LineChange></LineChange>
        </div>
      </div>
    </div>
  );
}
